import 'package:easy_refresh/easy_refresh.dart';
import 'package:fluro/fluro.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:shenfuhui/config/config.dart';

import '../routers/routers.dart';
import '../views/dialog_manager.dart';

///
/// 总资产包
///
class AssetPackgeDetail extends StatefulWidget {
  const AssetPackgeDetail({Key? key}) : super(key: key);

  @override
  State<AssetPackgeDetail> createState() => _AssetPackgeDetailState();
}

class _AssetPackgeDetailState extends State<AssetPackgeDetail> {
  ///
  /// 返回普通的列表item
  ///
  Widget getListItem(String title, String subTitle) {
    return Container(
      height: 124.w,
      padding: EdgeInsets.symmetric(vertical: 20.w, horizontal: 20.w),
      decoration: BoxDecoration(
        border:
            Border(bottom: BorderSide(width: 3.w, color: Config.colorDivider)),
      ),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                "报单",
                style: TextStyle(
                  fontSize: 24.w,
                  color: Config.colorText1,
                ),
              ),
              Padding(padding: EdgeInsets.only(top: 8.w)),
              Text(
                "2023-01-31 08：01",
                style: TextStyle(
                  fontSize: 24.w,
                  color: Config.colorText3,
                ),
              ),
            ],
          ),
          Column(
            children: [
              Text(
                "+0.00",
                style: TextStyle(
                  fontSize: 24.w,
                  color: Config.colorText1,
                ),
              ),
              Padding(padding: EdgeInsets.only(top: 8.w)),
              Text(
                "已完成",
                style: TextStyle(
                  fontSize: 24.w,
                  color: Config.colorText1,
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Config.colorBg2,
      appBar: AppBar(
        title: Text("总资产包"),
        centerTitle: true,
      ),
      body: SizedBox(
        width: double.infinity,
        height: double.infinity,
        child: Column(
          children: [
            Container(
              width: double.infinity,
              height: 248.w,
              padding: EdgeInsets.symmetric(vertical: 25.w, horizontal: 20.w),
              margin: EdgeInsets.fromLTRB(30.w, 30.w, 30.w, 0),
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(12.w),
              ),
              child: Column(
                children: [
                  Column(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          Icon(
                            Icons.monetization_on_outlined,
                            size: 30.w,
                            color: Config.colorText1,
                          ),
                          Padding(
                            padding: EdgeInsets.only(left: 6.w),
                          ),
                          Text(
                            "USDT",
                            style: TextStyle(
                                fontSize: 24.sp, color: Config.colorText1),
                          ),
                        ],
                      ),
                      Padding(
                        padding: EdgeInsets.only(top: 8.w),
                      ),
                      Text(
                        "0.0000",
                        style: TextStyle(
                            fontSize: 28.sp,
                            color: Config.colorMain,
                            fontWeight: FontWeight.bold),
                      ),
                    ],
                  ),
                  Divider(
                    color: Config.colorDivider,
                    height: 40.w,
                    thickness: 2.w,
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: [
                      InkWell(
                        onTap: () {
                          Routes.navigateTo(context, Routes.assetGold);
                        },
                        child: Column(
                          children: [
                            Text(
                              "资产金券",
                              style: TextStyle(fontSize: 22.sp),
                            ),
                            Text(
                              "0.0000",
                              style: TextStyle(fontSize: 26.sp),
                            ),
                          ],
                        ),
                      ),
                      InkWell(
                        onTap: () {
                          Routes.navigateTo(context, Routes.assetGeneralDetail,
                              params: {'pageTitle': '购物积分'});
                        },
                        child: Column(
                          children: [
                            Text(
                              "购物积分",
                              style: TextStyle(fontSize: 22.sp),
                            ),
                            Text(
                              "0.0000",
                              style: TextStyle(fontSize: 26.sp),
                            ),
                          ],
                        ),
                      ),
                      InkWell(
                        onTap: () {
                          Routes.navigateTo(context, Routes.assetGeneralDetail,
                              params: {'pageTitle': '公益基金'});
                        },
                        child: Column(
                          children: [
                            Text(
                              "公益基金",
                              style: TextStyle(fontSize: 22.sp),
                            ),
                            Text(
                              "0.0000",
                              style: TextStyle(fontSize: 26.sp),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            ),
            Container(
              width: double.infinity,
              height: 990.w,
              padding: EdgeInsets.symmetric(vertical: 0, horizontal: 0.w),
              margin: EdgeInsets.symmetric(vertical: 30.w, horizontal: 30.w),
              decoration: BoxDecoration(
                color: (Config.colorWhite),
                borderRadius: BorderRadius.circular(12.w),
              ),
              child: EasyRefresh(
                header: const MaterialHeader(),
                footer: const MaterialFooter(),
                onRefresh: () async {
                  await Future.delayed(const Duration(seconds: 1), () {
                    print('refresh');
                  });
                },
                onLoad: () async {
                  await Future.delayed(const Duration(seconds: 1), () {
                    print('load');
                  });
                },
                child: ListView(
                  padding: EdgeInsets.symmetric(vertical: 1.w, horizontal: 1.w),
                  children: [
                    getListItem("001", ""),
                    getListItem("002", ""),
                    getListItem("002", ""),
                    getListItem("002", ""),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}
